* {
    margin: 0;
    padding: 0;
}

$entirety-width: 1200px;
// 头部导航
$nav-height: 40px;

nav {
    width: 100%;
    height: $nav-height;
    background-color: #F3F5F7;

    #nav {
        height: $nav-height;
        width: $entirety-width;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;

        .nav-left,
        .nav-right {
            font-size: 13px;
            line-height: $nav-height;
        }

        .nav-left {
            height: $nav-height;
            width: 300px;
            display: flex;
            list-style: none;
            justify-content: space-between;
        }

        .nav-right {
            height: $nav-height;
            width: 650px;
            list-style: none;
            display: flex;
            justify-content: space-around;

            li {
                height: $nav-height;
                text-align: center;
                color: #71797F;

                a {
                    color: #71797F;
                    text-decoration: none;

                    &:hover {
                        color: #FF734C;
                    }

                    span {
                        font-size: 13px;
                    }
                }

                button {
                    background-color: #F3F5F7;
                    border: none;
                    color: #71797F;
                    font-size: 13px;
                    cursor: pointer;
                }
            }
        }
    }
}

// 第二部分
header {
    width: 100%;
    height: 120px;
    background-color: #f7f9fa;
}

.head-search-logo {
    height: 100%;
    width: $entirety-width;
    margin: 0 auto;
    display: flex;

    .head-logo {
        height: 120px;
        width: 240px;

        img {
            width: 240px;
            height: 120px;
        }
    }

    .head-search {
        height: 45px;
        width: 445px;
        margin: 25px 140px 0;
        background-color: #fff;
        border: 2px solid #FF734C;
        border-radius: 50px;
        display: flex;
        position: relative;

        span:first-child {
            display: block;
            height: 100%;
            width: 55px;
            text-align: center;
            line-height: 40px;
        }

        .icon-sousuo {
            font-size: 15px;
            color: #71797F;
        }

        span:last-child {
            position: absolute;
            top: -2px;
            right: -2px;

            button {
                height: 49px;
                width: 121px;
                border-radius: 50px;
                background-color: #FF734C;
                border: none;
                color: #fff;
                font-size: 18px;
                font-weight: 600;
            }
        }

        input {
            height: 45px;
            width: 270px;
            border: none;
        }

        input,
        textarea,
        select {
            outline: none;
        }
    }

    .head-adv {
        height: 100%;
        width: 231px;
        display: flex;
        justify-content: space-between;

        li {
            list-style: none;
            font-size: 18px;
            color: #71797F;
            margin-top: 40px;

            span {
                margin-right: 5px;
            }

            .icon-meiguihua-copy-copy:hover {
                color: red;
            }

            .icon-xiaohuoche,
            .icon-meiguihua-copy-copy {
                font-size: 20px;
            }
        }
    }
}